<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>各种操作信息提示效果</title>
	<link rel="stylesheet" href="./style.css">
</head>

<body>
	<div>
		<b>危险！</b>
		<span>危险操作提示文案。</span>
		<span class="icon">&times;</span>
	</div>
	<div>
		<b>成功！</b>
		<span>成功操作提示文案。</span>
		<span class="icon">&times;</span>
	</div>
	<div>
		<b>提示！</b>
		<span>提示信息文案。</span>
		<span class="icon">&times;</span>
	</div>
	<div>
		<b>警告！</b>
		<span>警告操作提示文案。</span>
		<span class="icon">&times;</span>
	</div>
	<div>
		<b>危险！</b>
		<span>危险操作提示文案。</span>
		<span class="icon">&times;</span>
	</div>
	<div>
		<b>成功！</b>
		<span>成功操作提示文案。</span>
		<span class="icon">&times;</span>
	</div>
	<div>
		<b>提示！</b>
		<span>提示信息文案。</span>
		<span class="icon">&times;</span>
	</div>
	<div>
		<b>警告！</b>
		<span>警告操作提示文案。</span>
		<span class="icon">&times;</span>
	</div>

	<script src="./index.js"></script>
</body>

</html>